<template>
    <el-page-header title="返回" @back="() => router.replace(props.url)">
        <template #content>
            <span class="text-large font-600 mr-3"> {{ props.title }} </span>
        </template>
    </el-page-header>
    <el-divider />
</template>

<script setup>
import { useRouter } from "vue-router";
import { ArrowLeft } from "@element-plus/icons-vue";
import { ref } from "vue";

const router = useRouter();

const props = defineProps({
    url: { type: String, required: true, default: "/" },
    title: { type: String, required: true, default: "标题" }
});
</script>

<style lang="scss" scoped>
.el-icon {
    margin-right: 4px;
}
</style>
